<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #main{
            width: 200px;
            height: 150px;
            border: 1px solid orange;
            /*
                visible: 默认值！内容不会隐藏，但是会在盒子之外显示！
                hidden: 溢出的部分会隐藏！
                scroll: 显示横向和纵向的滚动条
                auto: 显示纵向的滚动条
            */
            overflow: scroll;
        }
    </style>
</head>
<body>
    <div id="main">
        <img src="images/wine.jpeg">
        <p>
            这是一张图片这是一张图片这是一张图片这是一张图片这是一张图片
            这是一张图片这是一张图片这是一张图片这是一张图片这是一张图片
            这是一张图片这是一张图片这是一张图片这是一张图片这是一张图片
            这是一张图片这是一张图片这是一张图片这是一张图片这是一张图片
        </p>
    </div>
</body>
</html>